<link rel="stylesheet" href="{$smarty.const.BASELINK}/css/prettyphoto.css">

<div class="clear">
</div>
<!-- SUBHEADER
================================================== -->
<div id="subheader">
	<div class="row">
		<div class="twelve columns">
			<p class="bread leftalign">
				 {_block code='menutree'}
			</p>
		</div>
	</div>
</div>
<div class="hr">
</div>
<!-- CONTENT 
================================================== -->
<div class="row">
	<div class="twelve columns">
		<!-- CATEGORIES-->
		<section id="options" class="clearfix">
		<ul id="filters" class="option-set clearfix" data-option-key="filter">
			<li><a href="#filter" data-option-value="*" class="portofoliobutton selected">Show all</a></li>
			<li><a href="#filter" data-option-value=".nature" class="portofoliobutton">Nature</a></li>
			<li><a href="#filter" data-option-value=".trains" class="portofoliobutton">Trains</a></li>
			<li><a href="#filter" data-option-value=".castles" class="portofoliobutton">Castles</a></li>
		</ul>
		</section>
	</div>
</div>
<div class="row">
	<div id="portofolio">
		<!-- Project 1-->
		<div class="three columns category trains">
			<h5>HỘP SƠN 4KG</h5>
			<p>
				Giới thiệu sơn hộp 4kg
			</p>
			<div class="portofoliothumb">
				<div class="portofoliothumboverlay fouroverlay">
					<div class="viewgallery fourgallery">
						<a data-gal="prettyPhoto[gallery]" href="images/temp/folio1.jpg"><img src="sanpham/1.jpg" class="left galleryicon" alt=""> Gallery</a>
					</div>
					<div class="inner fourdetail">
						<a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
					</div>
				</div>
				<img src="sanpham/1.jpg" class="fourimage" alt=""/>
			</div>
		</div>
		<!-- Project 2-->
		<div class="three columns category castles">
			<h5>SƠN DÙNG CHO ĐỒ GỖ</h5>
			<p>
				Giúp đồ gỗ bóng loáng
			</p>
			<div class="portofoliothumb">
				<div class="portofoliothumboverlay fouroverlay">
					<div class="viewgallery fourgallery">
						<a data-gal="prettyPhoto[gallery]" href="images/temp/folio2.jpg"><img src="sanpham/2.jpg" class="left galleryicon" alt=""> Gallery</a>
					</div>
					<div class="inner fourdetail">
						<a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
					</div>
				</div>
				<img src="sanpham/2.jpg" class="fourimage" alt=""/>
			</div>
		</div>
		<!-- Project 3-->
		<div class="three columns category nature">
			<h5>CHẤT MÀU</h5>
			<p>
				Giới thiệu chất màu
			</p>
			<div class="portofoliothumb">
				<div class="portofoliothumboverlay fouroverlay">
					<div class="viewgallery fourgallery">
						<a data-gal="prettyPhoto[gallery]" href="images/temp/folio3.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
					</div>
					<div class="inner fourdetail">
						<a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
					</div>
				</div>
				<img src="sanpham/3.jpg" class="fourimage" alt=""/>
			</div>
		</div>
		<!-- Project 4-->
		<div class="three columns category castles">
			<h5>THÙNG 15KG</h5>
			<p>
				Thùng 15kg giá cả phải chăng.
			</p>
			<div class="portofoliothumb">
				<div class="portofoliothumboverlay fouroverlay">
					<div class="viewgallery fourgallery">
						<a data-gal="prettyPhoto[gallery]" href="images/temp/folio4.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
					</div>
					<div class="inner fourdetail">
						<a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
					</div>
				</div>
				<img src="sanpham/4.jpg" class="fourimage" alt=""/>
			</div>
		</div>
	</div>
</div>
<div class="hr">
</div>